<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>市场导购</title>

    <link href="/xj/css/bootstrap.min.css" rel="stylesheet">
    <link href="/xj/css/marketopens.css" rel="stylesheet">

    <link href="/xj/css/jquery.gScrollingCarousel.css" rel="stylesheet"/>
    <link href="/xj/css/global.css" rel="stylesheet">
    <link href="/xj/css/style.css" rel="stylesheet">

    <script src="/xj/js/html5shiv.min.js"></script>
    <script src="/xj/js/respond.min.js"></script>
    <script src="/xj/js/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="/xj/js/bootstrap.min.js"></script>
</head>

<body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<div class="globalstyle">
    <div id="whole_box">
        <div class="box">
            <!--<img src="/xj/image/enlarge.png" style="width: 20px;left: 10px;position: absolute;z-index: 999">-->
            <i class="index-icon-search"></i>
            <input type="text" class="username" :placeholder="search_txt" v-on:focus="goSearch()"/>
        </div>
        <!--<iframe src="/page/redirectSearch" frameborder="0" scrolling="auto" style="width: 100%;height: 91px; "></iframe>-->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <!--轮播图片数据对接cyz-->
            <div id="shuffling" class="carousel-inner" role="listbox" style="height: 200px">
                <div v-for="(item,index) in imglist" :key="index" class="carousel-div item" :class="[index==0?'active':'']">
                    <img :src="item" class="carousel-image" style="height: 200px;width: 100%">
                </div>
            </div>

        </div>



        <div class="row" style="width: 100%;margin: 0 auto;">
            <!-- Nav tabs -->
            <ul class="nav nav-pills market_tab" role="tablist">
                <li id="item_tab" role="presentation"  style="width: 33.3%;margin-left: 0px;" v-on:click="changeTab(1)">
                    <a href="#home" aria-controls="home" role="tab" data-toggle="tab"
                       style="font-size: 15px;padding-left: 0px;padding-right: 0px;text-align: center;">{{tab1}}</a>
                </li>
                <li id="item_tab1" role="presentation" class="" style="width: 33.3%;margin-left: 0px;" v-on:click="changeTab(2)">
                    <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"
                       style="font-size: 15px;padding-left: 0px;padding-right: 0px;text-align: center;">{{tab2}}</a>
                </li>
                <li id="item_tab2" role="presentation" class="" style="width: 33.3%;margin-left: 0px;" v-on:click="changeTab(3)">
                    <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"
                       style="font-size: 15px;padding-left: 0px;padding-right: 0px; text-align: center;">{{tab3}}</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <!--区域图信基沙溪广州-->
                <div id="home" role="tabpanel" class="tab-pane" style="background: #D4D4D4;">
                    <table class="store_list_box">
                        <tr>
                            <td v-on:click="areaGo(1,'A区',24)">
                                <img :src="a1" />
                            </td>

                            <td style="width: 2%;"></td>
                            <td v-on:click="areaGo(1,'B区',25)">

                                <img :src="a2" />
                            </td>

                            <td style="width: 2%;"></td>

                            <td v-on:click="areaGo(1,'C区',26)"><img :src="a3" /></td>

                            <td style="width: 2%;"></td>
                        </tr>
                        <tr>
                            <td v-on:click="areaGo(1,'D区',27)">
                                <img :src="a4" />
                            </td>
                            <td style="width: 2%;"></td>
                            <td v-on:click="areaGo(1,'E区',28)">
                                <img :src="a5"/>
                            </td>
                            <td style="width: 2%;"></td>
                            <td v-on:click="areaGo(1,'F区',29)"><img :src="a6" /></td>
                            <td style="width: 2%;"></td>
                        </tr>
                        <tr>
                            <td v-on:click="areaGo(1,'G区',30)">
                                <img :src="a7" />
                            </td>
                            <td style="width: 2%;"></td>
                            <td v-on:click="areaGo(1,'H区',31)">
                                <img :src="a8" />
                            </td>
                            <td style="width: 2%;"></td>
                            <td v-on:click="areaGo(1,'I区',32)"><img :src="a9" /></td>
                            <td style="width: 2%;"></td>
                        </tr>
                    </table>
                    <div class="icon_div">
                        <div class="icon_box">
                            <a :href="tab1_vr">
                                <img src="/xj/image/icon/vg.png" class="micon box_icon"/>
                                <p>{{vr_txt}}</p>
                            </a>
                        </div>

                        <div class="icon_box">
                            <a href="/page/redirectPlaneride?id=1">
                                <img src="/xj/image/icon/gm.png" class="micon box_icon"/>
                                <p>{{planeride_txt}}</p>
                            </a>
                        </div>

                        <div class="icon_box">
                            <a href="/page/redirectTrafficGuidance?id=1">
                                <img src="/xj/image/icon/tg.png" class="micon box_icon"/>
                                <p>{{traffice_txt}}</p>
                            </a>
                        </div>
                    </div>

                    <div style="background-color: #f8f7fc;">
                        <span style="background: #f8f7fc;padding-top: 15px;padding-bottom: 10px;text-align: center;display: block; font-size: 15px ;font-weight: bold;">{{hot_recommend_txt}}</span>
                    </div>

                    <div  v-for="(business,index) in store_shaxi_list" class="store_list" v-on:click="storDetail(business.id)">
                        <div class="media" style="padding-top: 15px;" style="width: 100%;">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object store_logo" :src="business.logo" >
                                </a>
                            </div>
                            <div class="media-body" style="padding-top: 10px; width: 100%;">
                                <h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
                                    {{business.store_name}}</h4>
                                <img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>
                                <font style="font-size: 10px;">{{main_pro_txt}}:{{business.mainlabel}}</font>
                            </div>
                        </div>
                        <!--滑动图片区域-->

                        <div class="g-scrolling-carousel scrollstyle">
                            <div class="items">
                                <a v-for="(dataItem,index2) in business.product_show_pic" href="#" style=""><img
                                        :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

                            </div>
                        </div>

                    </div>

                    <div class="bottom_line">---------我是有底线的---------</div>
                </div>
                <!--区域图信基豪泰广州-->
                <div id="profile" role="tabpanel" class="tab-pane" style="background-color:#D4D4D4 ;">
                    <div class="container container-fluid row marketopens-margin-right-left" align="center">
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'1街',37)">

                            <a href="#"><img :src="s1" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'2街',38)">

                            <a href="#"><img :src="s2" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'3街',39)">

                            <a href="#"><img :src="s3" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'4街',40)">

                            <a href="#"><img :src="s4" style="width: 100%;"/></a>

                        </div>
                    </div>

                    <div class="container container-fluid row marketopens-margin-right-left" align="center">
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'5街',41)">

                            <a href="#"><img :src="s5" style="width: 100%;height: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'6街',42)">

                            <a href="#"><img :src="s6" style="width: 100%;height: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'7街',43)">

                            <a href="#"><img :src="s7" style="width: 100%;height: 100%;"/></a>

                        </div>

                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(2,'8街',44)">

                            <a href="#"><img :src="s8" style="width: 100%;height: 100%;"/></a>

                        </div>

                    </div>

                    <div class="container container-fluid row marketopens-margin-right-left" align="center">
                        <div class="col-md-4 col-sm-4 col-xs-4 marketopens-image" align="center" v-on:click="areaGo(2,'9街',45)">

                            <a href="#"><img :src="s9" style="width: 100%;height: 100%;"/></a>

                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4 marketopens-image" align="center" v-on:click="areaGo(2,'10街',46)">

                            <a href="#"><img :src="s10" style="width: 100%;height: 100%;"/></a>

                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4 marketopens-image" align="center" v-on:click="areaGo(2,'11街',47)">

                            <a href="#"><img :src="s11" style="width: 100%;height: 100%;"/></a>

                        </div>

                    </div>

                    <div class="container container-fluid row marketopens-margin-right-left" align="center" style="margin-bottom: 7px;">
                        <div class="col-md-4 col-sm-4 col-xs-4 marketopens-image" align="center" v-on:click="areaGo(2,'12街',48)">

                            <a href="#"><img :src="s12" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4 marketopens-image" align="center" v-on:click="areaGo(2,'13街',49)">

                            <a href="#"><img :src="s13" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4 marketopens-image" align="center" v-on:click="areaGo(2,'旗舰街',50)">

                            <a href="#"><img :src="s14" style="width: 100%;"/></a>

                        </div>

                    </div>

                    <div class="icon_div">
                        <div class="icon_box">
                            <a :href="tab2_vr">
                                <img src="/xj/image/icon/vg.png" class="micon box_icon"/>
                                <p>{{vr_txt}}</p>
                            </a>
                        </div>

                        <div class="icon_box">
                            <a href="/page/redirectPlaneride?id=2">
                                <img src="/xj/image/icon/gm.png" class="micon box_icon"/>
                                <p>{{planeride_txt}}</p>
                            </a>
                        </div>

                        <div class="icon_box">
                            <a href="/page/redirectTrafficGuidance?id=2">
                                <img src="/xj/image/icon/tg.png" class="micon box_icon"/>
                                <p>{{traffice_txt}}</p>
                            </a>
                        </div>
                    </div>
                    <!--热门商家-->
                    <div style="background-color: #f8f7fc;">
                        <span style="background: #f8f7fc;padding-top: 20px;padding-bottom: 10px;text-align: center;display: block; font-size: 15px ;font-weight: bold;">{{hot_recommend_txt}}</span>
                    </div>
                    <!--各商家图标-->
                    <!--数据处理对接cyz-->
                    <div v-for="(business,index) in store_haotai_list" class="store_list" v-on:click="storDetail(business.id)">
                        <div class="media" style="padding-top: 15px;" style="width: 100%;">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object store_logo" :src="business.logo" >
                                </a>
                            </div>
                            <div class="media-body" style="padding-top: 10px; width: 100%;">
                                <h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
                                    {{business.store_name}}</h4>
                                <img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>
                                <font style="font-size: 10px;">{{main_pro_txt}}:{{business.mainlabel}}</font>
                            </div>
                        </div>
                        <!--滑动图片区域-->

                        <div class="g-scrolling-carousel scrollstyle">
                            <div class="items">
                                <a v-for="(dataItem,index2) in business.product_show_pic" href="#" style=""><img
                                        :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

                            </div>
                        </div>
                    </div>

                    <div class="bottom_line">---------我是有底线的---------</div>
                </div>
                <!--区域图信基沙溪沈阳-->
                <div id="messages" role="tabpanel" class="tab-pane" style="background: #D4D4D4;">
                    <div class="container container-fluid row marketopens-margin-right-left" align="center"
                         style="padding-bottom: 8px;padding-top: 6px">
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center" v-on:click="areaGo(3,'1F',33)">

                            <a href="#"><img src="/xj/image/market_area/1f.png" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center"  v-on:click="areaGo(3,'2F',34)">

                            <a href="#"><img src="/xj/image/market_area/2f.png" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center"  v-on:click="areaGo(3,'3F',35)">

                            <a href="#"><img src="/xj/image/market_area/3f.png" style="width: 100%;"/></a>

                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 marketopens-image" align="center"  v-on:click="areaGo(3,'4F',36)">

                            <a href="#"><img src="/xj/image/market_area/4f.png" style="width: 100%;"/></a>

                        </div>
                    </div>


                    <div class="icon_div">
                        <div class="icon_box">
                            <a v-on:click="shenyangVR">
                                <img src="/xj/image/icon/vg.png" class="micon box_icon"/>
                                <p>{{vr_txt}}</p>
                            </a>
                        </div>

                        <div class="icon_box">
                            <a href="/page/redirectPlaneride?id=3">
                                <img src="/xj/image/icon/gm.png" class="micon box_icon"/>
                                <p>{{planeride_txt}}</p>
                            </a>
                        </div>

                        <div class="icon_box">
                            <a href="/page/redirectTrafficGuidance?id=3">
                                <img src="/xj/image/icon/tg.png" class="micon box_icon"/>
                                <p>{{traffice_txt}}</p>
                            </a>
                        </div>
                    </div>
                    <!--热门商家-->
                    <div style="background-color: #f8f7fc;">
                        <span style="background: #f8f7fc;padding-top: 15px;padding-bottom: 10px;text-align: center;display: block; font-size: 15px ;font-weight: bold;">{{hot_recommend_txt}}</span>
                    </div>
                    <!--各商家图标-->
                    <!--数据处理对接cyz-->
                    <div id="store_item" v-for="(business,index) in store_shenyang_list" style="background:  #FAFAFA;width: 100%" v-on:click="storDetail(business.id)">
                        <div class="media" style="padding-top: 15px;" style="width: 100%;">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object store_logo" :src="business.logo" >
                                </a>
                            </div>
                            <div class="media-body" style="padding-top: 10px; width: 100%;">
                                <h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
                                    {{business.store_name}}</h4>
                                <img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>
                                <font style="font-size: 10px;">{{main_pro_txt}}:{{business.mainlabel}}</font>
                            </div>
                        </div>
                        <!--滑动图片区域-->

                        <div class="g-scrolling-carousel scrollstyle">
                            <div class="items">
                                <a v-for="(dataItem,index2) in business.product_show_pic" href="#" style=""><img
                                        :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

                            </div>
                        </div>
                    </div>

                    <div class="bottom_line">---------我是有底线的---------</div>

                </div>
            </div>

        </div>

        <!--底部导航-->
        <div style="height: 80px;"></div>
        <div class="nav_self">
            <div class="nav-one">
                <a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
            </div>
            <div class="nav-view" style="white-space: pre">
                <a :href="market_introduce_href"  >{{bottom1}}</a>
            </div>
            <div class="nav-view" style="white-space: pre">
                <a :href="brand_list_href">{{bottom2}}</a>
            </div>
            <div class="nav-view">
                <a href="/page/redirectContractus" >{{bottom3}}</a>
            </div>

        </div>

        <div class="viewCE">
            <img id="btnCE" src="/xj/image/English.png" class="image-sty" alt="cn">
        </div>
    </div>
</div>
</body>

</html>
<script src="/xj/js/vue.min.js"></script>
<script src="/xj/js/jquery.gScrollingCarousel.js"></script>
<script src="/xj/javascript/global.js"></script>
<script src="/xj/javascript/marketopens.js"></script>
<script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>
<script>

</script>

<style>
    .nav-pills > li > a {
        border-radius: 0px;
    }

    .market_tab li {
        background-color: #FFFFFF;
    }

    .market_tab li a {
        color: #000000;
    }

    .icon_box{
        width: 33.33%;
        height: 70px;
        text-align:center;
        float: left;
    }

    .box_icon{

    }

    .icon_div{
        background: #ffffff;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 120px;
    }

    .bottom_line{
        text-align: center;
        background-color: #ffffff;
        color:#A4A4A4 ;
    }
</style>